<template>
	<view>
		<lcw-nav-bar>地址选择</lcw-nav-bar>
		<view class="">{{ address }}</view>
		<button @tap="setSelectAddress">选择地址</button>
		<lcw-select-address-vue3
			:address="address"
			v-model="selectAddress"
			@change="change"
		></lcw-select-address-vue3>
	</view>
</template>

<script setup>
import { ref } from 'vue';

const selectAddress = ref(false);

const address = ref({
	province: '',
	city: '',
	area: ''
});

function change(value) {
	address.value = value;
}

function setSelectAddress() {
	selectAddress.value = !selectAddress.value;
}
</script>

<style></style>
